﻿@model List<SIIV.Data.Animal>
           
@{WebGrid grid = new WebGrid(Model, ajaxUpdateContainerId: "grid", rowsPerPage: 5);}

<style type="text/css">
    .acciones{
        width: 80px;
        }
    
    .centrado
    {
        text-align:center;
        }
</style>

@if (Model.Count.Equals(0))
{
    <p>Hasta el momento no dispone de animales para administrar.</p>
}
else
{
    @grid.GetHtml(
        columns: new[]{ 
            grid.Column("Nombre"),         
            grid.Column("FechaNacimiento", "Fecha Nac.", format: item => item.FechaNacimiento.ToString("dd/MM/yyyy"), style: "centrado"),
            grid.Column("Sexo", style: "centrado"),
            grid.Column("Peso", style: "centrado"),
            grid.Column(header: "Campo", format: item => item.IdCampo != null ? @item.Campo.Nombre : "Sin Asignar", style: "centrado"),
            grid.Column("TipoDeAnimal.Nombre", "Tipo", style: "centrado"),
            grid.Column(header: "Cría de", format: item => item.IdAnimalPadre != null ? @item.AnimalPadre.Nombre : "-" , style: "centrado"),
            grid.Column("EstadoDeAnimal.Nombre", "Estado", format:  @<span>@item.EstadoDeAnimal.Nombre</span>, style: "centrado"),
            grid.Column(null, "Acciones", format: 
                    @<ul id="icons" class="ui-widget ui-helper-clearfix">
                        <li onclick="@string.Format("editarAnimal({0},'{1}','{2}','{3}','{4}','{5}','{6}','{7}','{8}')", @item.IdAnimal, @item.Nombre, @item.Sexo, @item.FechaNacimiento.ToString("dd/MM/yyyy"), @item.Peso, @item.IdCampo, @item.IdTipoAnimal, @item.IdAnimalPadre, @item.IdEstadoAnimal)" class="ui-state-default ui-corner-all" title="Editar"><span class="ui-icon ui-icon-document"></span></li>
                        <li onclick="@string.Format("eliminarAnimal({0})", @item.IdAnimal)" class="ui-state-default ui-corner-all" title="Eliminar"><span class="ui-icon ui-icon-trash"></span></li>
                    </ul>, style: "acciones")},
                    htmlAttributes: new { @class = "art-article", @style = "width:100%", @id = "grid" })
}